/*index.less*/
/************************************************************************
** 智能管控界面grid布局**************************************************************
***************************************************************************/
.container {
  display: grid;
  grid-template-columns: 1.1fr 1.1fr 1.3fr 0.5fr;
  grid-template-rows: 0.3fr 1.9fr 0.3fr 0.4fr 2.1fr 1fr;
  gap: 0px 20px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas: "monitor predict_logo . predict_select" "monitor predict_chart predict_chart predict_chart" "monitor predict_chart predict_chart predict_chart" "monitor predict_chart predict_chart predict_chart" "monitor predict_chart predict_chart predict_chart" "monitor predict_chart predict_chart predict_chart";
}
.monitor {
  grid-area: monitor;
}
.predict_logo {
  justify-self: start;
  align-self: end;
  grid-area: predict_logo;
}
.predict_select {
  justify-self: center;
  align-self: end;
  grid-area: predict_select;
}
.predict_chart {
  justify-self: center;
  grid-area: predict_chart;
}
/************************************************************************
  ** 智能管控界面grid布局**************************************************************
  ***************************************************************************/
.container {
  width: 100vw;
  height: 94vh;
  background-color: rgba(13, 31, 67, 0.8);
}
.predict {
  width: 100%;
  height: 100%;
}
.alarm {
  width: 100%;
  height: 100%;
}
.monitor {
  width: 100%;
  height: 100%;
}
.predict_chart {
  width: 100%;
  height: 100%;
}
.alarm_table {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: flex-start;
}
body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #0d1f43;
}
